<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>


<link href="../css/mui.min.css" rel="stylesheet"/>
    <style>
      .mui-content{
        margin-top: 40px;
      }

      .diy_header{
      	background: white;padding-bottom: 10px;border-bottom: 1px solid #cccccc;height: 100px;
      }
      .input_div{
      	width:92%;
      	margin: auto;
      }
     .diy_button:active{
     	background: #8F8F8F !important;
     }
     a:active{
     	color: #8F8F8F !important;
     }
    </style>

    <script type="text/javascript" charset="utf-8">

		document.addEventListener( "plusready", onPlusReady, false );
		function onPlusReady() { 
			plus.nativeUI.closeWaiting();
		}
    </script>
</head>
<body>
	
    <div class="diy_header">
     <a class="mui-action-back mui-icon" ><span class="mui-icon mui-icon-closeempty" style="color: black;font-size: 38px;"></span></a>
  	<h3 style="padding-left: 3%;margin-top: 12px;">登录</h3>
    </div>
    
       <div class="mui-content" id="login">
       	<div  class="input_div"><input v-model="username" type="text" placeholder="用户名" style="border-radius:0;background: none;border: none;border-bottom: 1px solid #cccccc;"/></div>
       	<div  class="input_div"><input v-model="password" type="password" placeholder="密码" style="border-radius:0;background: none;border: none;border-bottom: 1px solid #cccccc;"/></div>
    	<a href="#" style="color: #cccccc;padding-left: 8%;font-size: 15px;"> 忘记密码?</a>
    	<button @click="login()" class="diy_button" style="background: #d4d4d4;color: white;position:fixed; bottom:5%;right: 8%;width: 100px;height: 50px;border-radius: 50px;">登录</button>
    <!--<form id='login-form' class="mui-input-group" style="background: #efeff4;border:1px solid #efeff4;">
        <div class="mui-input-row" style="border:1px solid #efeff4;">
          <label>用户名</label>
          <input id='username' type="text" class="mui-input-clear mui-input" placeholder="请输入账号" v-model="username">
        </div>
        <div class="mui-input-row">
          <label>密码</label>
          <input id="password" type="password" class="mui-input-password" placeholder="请输入密码" v-model="password">
        </div>
      </form>

      <div class="mui-content-padded">
        <button id='login'  class="mui-btn mui-btn-block mui-btn-primary" @click="login()">登录</button>
      </div>-->
    </div>
		<script src="../js/resource/mui.js"></script>
		<script src="../js/resource/vue.js"></script>
		<script src="../js/resource/axios.js"></script>
		<script src="../js/resource/config.js"></script>
		<script src="../js/login.js"></script>
</body>
</html>